
@import '../../../../../style/variable.scss';
@import '../../../../../style/ellipsis.scss';

.xxm-goods-list {
 padding: 32rpx 26rpx 0 ;
}
.xxm-goods-two{
    &__item{
        //bem
        image{
            width: 300px;
            height: 300px;
        }
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        padding-bottom: 32px;;
        &:nth-of-type(2n+1){
            padding-right: 20rpx;
        }
    }
}

.xxm-scroll-vm{
 white-space: nowrap;
//  padding-bottom: 20px;
}
.xxm-scroll-item{
    width: 544px;
    box-sizing: border-box;
    white-space: nowrap;
    margin-bottom: 20px;

    display: inline-block;
    image{
        width: 520px;
        height: 320px;
    }

    &:not(:last-of-type){
        padding-right: 20rpx;
    }
}

.activity {
  display: flex;
  margin: 36px 0;

  .coverImg {
    image {
      border-radius: 8px;
      width: 250px;
      height:  160px
    }
  }
  .rightContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    margin-left: 32px;

    .title {
      font-size: 28px;
    }

    .subtitle {
      font-size: 24px;
      color: #9B9B9B;
    }
    .goApplyBtn {
      background-color: #F43443;
      color: white;
      font-size: 24px;
      padding: 4px 12px;
      border-radius: 12px;
    }
  }
}
